/* ---------------------------------------------------------------------
 Grid Prototype Medium Stylesheet
 Author: Betsy Lam
 Target browser: All
 Target device: 768px (medium)
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Structure
------------------------------------------------------------------------ */
.wrap-inner {
	max-width: 758px;
	padding: 0 5px;
}

/* ---------------------------------------------------------------------
 Panel Modules
------------------------------------------------------------------------ */
.panels-row {
	float: left;
	position: relative;
}

.mod-panel {
	margin-left: 6px;
	margin-right: 5px;
	width: 98%; /* Account for padding */
}

.mod-panel-group {
	margin: 0 5px;
	width: 31.9%;
	float: left;
}

.mod-panel-group > .mod-panel {
	margin-left: 0;
	margin-right: 0;
}

/* Panel States */
.panel-hide {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 0;
	line-height: 0;
	text-indent: -99999px;
}

/* Panel Varieties */
.panel-1 {
	background-image: url('../assets/images/samples/sample-asset-1-d.png');
}

.panel-2 {
	background-color: #F74485;
}

.panel-3 {
	background-color: #82B421;
}

.panel-4 {
	background-image: url('../assets/images/samples/sample-asset-4-d.png');
}

.panel-5 {
	background-image: url('../assets/images/samples/sample-asset-5-d.png');
}

.panel-6 {
	background-image: url('../assets/images/samples/sample-asset-6-d.png');
}

.panel-7 {
	background-image: url('../assets/images/samples/sample-asset-7-d.png');
}

.panel-8 {
	background-color: #C3A8C9;
}

.panel-9 {
	background-image: url('../assets/images/samples/sample-asset-9-d.png');
}

.panel-10 {
	background-image: url('../assets/images/samples/sample-asset-10-d.png');
}

.panel-11 {
	background-image: url('../assets/images/samples/sample-asset-11-d.png');
}

/* Panel Boxes */
.panel-1-box {
	height: 300px;
	width: 65%;
}

.panel-2-box {
	height: 300px;
	width: 32%;
}

.panel-3-box {
	height: 289px;
	width: 31.9%;
}

.panel-4-box {
	height: 140px;
}

.panel-5-box {
	height: 200px;
	width: 41.25%;
}

.panel-6-box {
	height: 200px;
	width: 22.5%;
}

.panel-7-box {
	height: 78px;
	width: 65%;
}

.panel-8-box {
	height: 332px;
	width: 15%;
	clear: left; /* temp */
}

.panel-9-box {
	height: 332px;
	width: 58%;
}

.panel-10-box {
	height: 210px;
	width: 22.5%;
}

.panel-11-box {
	height: 100px;
	width: 22.5%;
}

.panel-12-box {
	display: none;
}







